<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>选择器</title>
	<style type="text/css">
		*{
			font-size: 20px;
		}
		#xbs1{
			color: red;
		}
		.xbs2{
			color: blue;
		}
		span,a{
			color: green;
		}
		p i{
			color: yellow;
		}
		
		#xbs1:hover{
			color: blue;
		}



	</style>
</head>
<body>
	<!-- id选择器 -->
	<p id="xbs1">这个是一个p标签</p>
	<!-- 类选择器 -->
	<p class="xbs2">这个是一个p标签</p>
	<p class="xbs2">这个是一个p标签</p>
	<p>这个是一个p标签</p>
	<span>这个是一个span</span>
	<span>这个是一个span</span>
	<span>这个是一个span</span>
	<a href="">这个是一个a标签</a>
	<p>
		<i>这个是一个里面i标签</i>
	</p>
	<i>这个是一个外面i标签</i>



	<p class="top">
		<p class="top-mid">
			<p class="top-menu">
				
			</p>
		</p>
	</p>
</body>
</html>